{% extends 'base.html' %}

{% block meta %}
    <meta charset="utf-8">
{% endblock meta %}

{% block title %}
    乾颐堂图表测试
{% endblock title %}

{% block js %}
    <!-- 加载FusionChart的JS文件 -->
    {% load static %}
    <script type="text/javascript" charset="utf-8" src="{% static "js/fusioncharts.js" %}"></script>
    <script type="text/javascript" charset="utf-8" src="{% static "js/fusioncharts.charts.js" %}"></script>
    <script type="text/javascript" charset="utf-8" src="{% static "js/fusioncharts.theme.fusion.js" %}"></script>
{% endblock js %}

{% block body %}
    <div class="container-fluid">
      <br><h2 style="color: #666666">乾颐堂图表测试</h2><br>
      <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">线性图表测试</div>
                <div class="card-body">
                    <div id="chart-1"></div>
                    {{ output1|safe }}
                </div>
            </div>

        </div>

        <div class="col">
            <div class="card">
                <div class="card-header">3D柱状图表测试</div>
                <div class="card-body">
                    <div id="column-1"></div>
                    {{ output2|safe }}
                </div>
            </div>

        </div>
      </div>
      </div>


{% endblock body %}